<template>
    <oa-page title="关于我们">
        <div class="about_wrap">
            <div class="about_header">
                <img src="../assets/logo.png" alt="">
                <h3 class="app_name">重庆市地理信息中心</h3>
                <span class="version">版本信息:&nbsp;{{version}}</span>
            </div>
            <div class="about_main">
                <!--{{about.app_desc}}-->
            </div>
        </div>
    </oa-page>
</template>

<script>
    import OaPage from "../components/oa-page";
    import {getConfig, getTokenInfo, getUserInfo, saveUserInfo} from "../config";
    export default {
        data(){
            return {
                version:this.$store.state.version,
                about:[],
            }
        },
        components: {OaPage},
        name: "about",
        mounted(){
            this.loadData();
        },
         methods: {
            //获取关于我们数据
            loadData(){
                let config    = getConfig();
                // this.$get(`${config.rootUrl}app/about`).then((res) => {
                //     this.about = res;
                // })
            }
         }
    }
</script>

<style  scoped  lang="less">
.top-bar-title{
    text-align: center;
}
.about_wrap{
    // background: #fff;
    height: 100%;

    .about_header{
        padding-top: 10%;
        text-align: center;
        img{
            width: 60px;
            border-radius: 50%;
            height: 60px;
        }
        .app_name{
            margin:10px 0;
        }
        .version{
            color:  #8E8E8E;
        }
    }
    .about_main{
        min-width: 30px;
        padding:10px;
        margin:30px 0 10px 0;
        background: #fff;
        text-indent:30px;
        line-height: 23px;
        color: #00000094;
    }
}

</style>